<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="../js/mui.min.js"></script>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../fonts/iconfont.css" />
		<style>
			* {
			           touch-action: none;
			      }
			body{
				background: #000000;
			}
			.mui-bar{ 
				background: #000000; 
				box-shadow:inset 0 0 10px #0f0;
				border: #007AFF 1px solid;
				box-sizing: border-box;
			}
		

		</style>
	</head>
	<body>
		
		<nav class="mui-bar mui-bar-tab">
			<a id="defaultTab" class="mui-tab-item mui-active" href="recognition/recognition.html">
				<span class="mui-icon iconfont">&#xe60f;</span>
				<span class="mui-tab-label">识别</span>
			</a>
			<a class="mui-tab-item" href="share/share.html">
				<span class="mui-icon iconfont">&#xe607;</span>
				<span class="mui-tab-label">分享</span>
			</a>
			<a class="mui-tab-item" href="my/my.html">
				<span class="mui-icon iconfont icon-wode">&#xe73e;</span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav> 
		<script>
			mui.init({
			});
			var subpages = ['recognition/recognition.html', 'share/share.html', 'my/my.html'];
			var subpage_style = {
				top: '0',
				bottom: '51px'
			};
			var aniShow = {};
			var self;
			mui.plusReady(function() {
				self = plus.webview.currentWebview();
				for (var i = 0; i < subpages.length; i++) {
					var temp = {};
					var sub = plus.webview.create(subpages[i], subpages[i], subpage_style);
					if (i > 0) {
						sub.hide();
					} else {
						temp[subpages[i]] = "true";
						mui.extend(aniShow, temp);
					}
					self.append(sub);
				}
			});
			//当前激活选项
			var activeTab = subpages[0];
			//选项卡点击事件
			mui('.mui-bar-tab').on('tap', 'a', function(e) {
				var targetTab = this.getAttribute('href');
				if(targetTab == activeTab) {
					return;
				}
				//隐藏当前;
				plus.webview.hide(activeTab);
				//显示目标选项卡
				plus.webview.show(targetTab);
				//更改当前活跃的选项卡
				activeTab = targetTab;
			});
					
		
			var showMenu = false;
		</script>
	</body>
</html>
